<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对话框</title>
    <link rel="stylesheet" href="./view/对话框/styles.css">
</head>
<body>
<!-- 对话框 Unnamed (Rectangle) -->
<div id="u8187" class="ax_default heading_1">
    <div id="u8187_div" class=""></div>
    <div id="u8187_text" class="text ">
        <p><span>Modal 对话框</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8188" class="ax_default heading_1">
    <div id="u8188_div" class=""></div>
    <div id="u8188_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8189" class="ax_default label">
    <div id="u8189_div" class=""></div>
    <div id="u8189_text" class="text ">
        <p><span>模态对话框，在浮层中显示，引导用户进行相关操作。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8190" class="ax_default" data-left="230" data-top="333" data-width="530" data-height="200">

    <!-- Unnamed (Rectangle) -->
    <div id="u8191" class="ax_default box_1">
        <div id="u8191_div" class=""></div>
        <div id="u8191_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u8192" class="ax_default" data-left="230" data-top="333" data-width="530" data-height="52">

        <!-- Unnamed (Rectangle) -->
        <div id="u8193" class="ax_default box_1">
            <div id="u8193_div" class=""></div>
            <div id="u8193_text" class="text ">
                <p><span>普通的Modal对话框标题</span></p>
            </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8194" class="ax_default line">
            <img id="u8194_img" class="img " src="assets/images/对话框/u8194.svg"/>
            <div id="u8194_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8195" class="ax_default label">
        <div id="u8195_div" class=""></div>
        <div id="u8195_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8196" class="ax_default label">
        <div id="u8196_div" class=""></div>
        <div id="u8196_text" class="text ">
            <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u8197" class="ax_default" data-left="230" data-top="468" data-width="530" data-height="65">

        <!-- Unnamed (Rectangle) -->
        <div id="u8198" class="ax_default box_1">
            <div id="u8198_div" class=""></div>
            <div id="u8198_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8199" class="ax_default line">
            <img id="u8199_img" class="img " src="assets/images/对话框/u8194.svg"/>
            <div id="u8199_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8200" class="ax_default box_1">
        <div id="u8200_div" class=""></div>
        <div id="u8200_text" class="text ">
            <p><span>确定</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8201" class="ax_default box_1">
        <img id="u8201_img" class="img " src="assets/images/对话框/u8201.svg"/>
        <div id="u8201_text" class="text ">
            <p><span>取消</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8202" class="ax_default label">
    <div id="u8202_div" class=""></div>
    <div id="u8202_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8203" class="ax_default label">
    <div id="u8203_div" class=""></div>
    <div id="u8203_text" class="text ">
        <p><span>做了无动效和有动效的两个版本。</span></p>
    </div>
</div>

<!-- normal (Dynamic Panel) -->
<div id="u8204" class="ax_default ax_default_hidden" data-label="normal" style="display:none; visibility: hidden">
    <div id="u8204_state0" class="panel_state" data-label="State1" style="">
        <div id="u8204_state0_content" class="panel_state_content">

            <!-- content (Dynamic Panel) -->
            <div id="u8205" class="ax_default" data-label="content">
                <div id="u8205_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8205_state0_content" class="panel_state_content">

                        <!-- Unnamed (Group) -->
                        <div id="u8206" class="ax_default" data-left="0" data-top="0" data-width="530" data-height="200">

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8207" class="ax_default box_1">
                                <div id="u8207_div" class=""></div>
                                <div id="u8207_text" class="text " style="display:none; visibility: hidden">
                                    <p></p>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8208" class="ax_default" data-left="0" data-top="0" data-width="530" data-height="52">

                                <!-- Unnamed (Rectangle) -->
                                <div id="u8209" class="ax_default box_1">
                                    <div id="u8209_div" class=""></div>
                                    <div id="u8209_text" class="text ">
                                        <p><span>普通的Modal对话框标题</span></p>
                                    </div>
                                </div>

                                <!-- Unnamed (Line) -->
                                <div id="u8210" class="ax_default line">
                                    <img id="u8210_img" class="img " src="assets/images/对话框/u8194.svg"/>
                                    <div id="u8210_text" class="text " style="display:none; visibility: hidden">
                                        <p></p>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8211" class="ax_default label">
                                <div id="u8211_div" class=""></div>
                                <div id="u8211_text" class="text ">
                                    <p><span></span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8212" class="ax_default label">
                                <div id="u8212_div" class=""></div>
                                <div id="u8212_text" class="text ">
                                    <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8213" class="ax_default" data-left="0" data-top="135" data-width="530" data-height="65">

                                <!-- Unnamed (Rectangle) -->
                                <div id="u8214" class="ax_default box_1">
                                    <div id="u8214_div" class=""></div>
                                    <div id="u8214_text" class="text " style="display:none; visibility: hidden">
                                        <p></p>
                                    </div>
                                </div>

                                <!-- Unnamed (Line) -->
                                <div id="u8215" class="ax_default line">
                                    <img id="u8215_img" class="img " src="assets/images/对话框/u8194.svg"/>
                                    <div id="u8215_text" class="text " style="display:none; visibility: hidden">
                                        <p></p>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8216" class="ax_default box_1">
                                <div id="u8216_div" class=""></div>
                                <div id="u8216_text" class="text ">
                                    <p><span>确定</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8217" class="ax_default box_1">
                                <img id="u8217_img" class="img " src="assets/images/对话框/u8201.svg"/>
                                <div id="u8217_text" class="text ">
                                    <p><span>取消</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8218" class="ax_default box_1">
    <div id="u8218_div" class=""></div>
    <div id="u8218_text" class="text ">
        <p><span>打开对话框</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8219" class="ax_default label">
    <div id="u8219_div" class=""></div>
    <div id="u8219_text" class="text ">
        <p><span>全屏对话框</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8220" class="ax_default label">
    <div id="u8220_div" class=""></div>
    <div id="u8220_text" class="text ">
        <p><span>自动适配屏幕大小</span></p>
    </div>
</div>

<!-- fullscreen (Dynamic Panel) -->
<div id="u8221" class="ax_default ax_default_hidden" data-label="fullscreen" style="display:none; visibility: hidden">
    <div id="u8221_state0" class="panel_state" data-label="State1" style="">
        <div id="u8221_state0_content" class="panel_state_content">

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8222" class="ax_default">
                <div id="u8222_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8222_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8223" class="ax_default box_1">
                            <div id="u8223_div" class=""></div>
                            <div id="u8223_text" class="text ">
                                <p><span>普通的Modal对话框标题</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Line) -->
                        <div id="u8224" class="ax_default line">
                            <img id="u8224_img" class="img " src="assets/images/对话框/u8224.svg"/>
                            <div id="u8224_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8225" class="ax_default">
                <div id="u8225_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8225_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8226" class="ax_default label">
                            <div id="u8226_div" class=""></div>
                            <div id="u8226_text" class="text ">
                                <p><span></span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8227" class="ax_default label">
                <div id="u8227_div" class=""></div>
                <div id="u8227_text" class="text ">
                    <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
                </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8228" class="ax_default">
                <div id="u8228_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8228_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8229" class="ax_default box_1">
                            <div id="u8229_div" class=""></div>
                            <div id="u8229_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- Unnamed (Line) -->
                        <div id="u8230" class="ax_default line">
                            <img id="u8230_img" class="img " src="assets/images/对话框/u8224.svg"/>
                            <div id="u8230_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8231" class="ax_default">
                <div id="u8231_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8231_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8232" class="ax_default box_1">
                            <div id="u8232_div" class=""></div>
                            <div id="u8232_text" class="text ">
                                <p><span>确定</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8233" class="ax_default box_1">
                            <img id="u8233_img" class="img " src="assets/images/对话框/u8201.svg"/>
                            <div id="u8233_text" class="text ">
                                <p><span>取消</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8234" class="ax_default box_1">
    <div id="u8234_div" class=""></div>
    <div id="u8234_text" class="text ">
        <p><span>打开全屏对话框</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8235" class="ax_default heading_1">
    <div id="u8235_div" class=""></div>
    <div id="u8235_text" class="text ">
        <p><span>实例化使用方法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8236" class="ax_default label">
    <div id="u8236_div" class=""></div>
    <div id="u8236_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8237" class="ax_default label">
    <div id="u8237_div" class=""></div>
    <div id="u8237_text" class="text ">
        <p><span>四种基本的对话框，只提供一个确定按钮。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8238" class="ax_default box_1">
    <div id="u8238_div" class=""></div>
    <div id="u8238_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8239" class="ax_default box_1">
    <div id="u8239_div" class=""></div>
    <div id="u8239_text" class="text ">
        <p><span>确定</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8240" class="ax_default heading_3">
    <div id="u8240_div" class=""></div>
    <div id="u8240_text" class="text ">
        <p><span>对话框的标题</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8241" class="ax_default heading_3">
    <div id="u8241_div" class=""></div>
    <div id="u8241_text" class="text ">
        <p><span>一些对话框内容</span></p><p><span>一些对话框内容</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8242" class="ax_default label">
    <div id="u8242_div" class=""></div>
    <div id="u8242_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- normal2 (Dynamic Panel) -->
<div id="u8243" class="ax_default ax_default_hidden" data-label="normal2" style="display:none; visibility: hidden">
    <div id="u8243_state0" class="panel_state" data-label="State1" style="">
        <div id="u8243_state0_content" class="panel_state_content">

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8244" class="ax_default">
                <div id="u8244_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8244_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8245" class="ax_default box_1">
                            <div id="u8245_div" class=""></div>
                            <div id="u8245_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8246" class="ax_default box_1">
                            <div id="u8246_div" class=""></div>
                            <div id="u8246_text" class="text ">
                                <p><span>确定</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8247" class="ax_default heading_3">
                            <div id="u8247_div" class=""></div>
                            <div id="u8247_text" class="text ">
                                <p><span>对话框的标题</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8248" class="ax_default heading_3">
                            <div id="u8248_div" class=""></div>
                            <div id="u8248_text" class="text ">
                                <p><span>一些对话框内容</span></p><p><span>一些对话框内容</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8249" class="ax_default label">
                            <div id="u8249_div" class=""></div>
                            <div id="u8249_text" class="text ">
                                <p><span></span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8250" class="ax_default box_1">
    <div id="u8250_div" class=""></div>
    <div id="u8250_text" class="text ">
        <p><span>打开对话框</span></p>
    </div>
</div>
</body>
</html>
